(function(Vue){
    Vue.component("home",{
        template:`<h1>主页组件</h1>`
    });
    Vue.component("commpany",{
        template:`<h1>公司组件</h1>`
    });
    Vue.component("product",{
        template:`<h1>产品组件</h1>`
    });
    let router = [
        {
            path:"/home",
            component:"home"
        },
        {
            path:"/commpany",
            component:"commpany"
        },
        {
            path:"/product",
            component:"product"
        }
    ]
    //当URL的片段标识符更改时，将触发hashchange事件 (跟在＃符号后面的URL部分，包括＃符号)
    //设置 hashchange 监听事件
    window.addEventListener("hashchange",function(e){
        //console.log(e)
        //console.log(window.location.hash);//拿到路径后面的哈希值
        let path = window.location.hash.split("#")[1];
        //找到相应的路由项
        let router_item = router.find(ele=>{
            if(ele.path === path){
                return true;
            }
        });
        //console.log(router_item);
       // console.log(vm.componentId);
        vm.componentId = router_item.component;
    })
})(Vue)

//find() 方法返回数组中满足提供的测试函数的第一个元素的值